<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>JpetStore</title>
    <link rel="stylesheet" href="../css/jpetstore.css" type="text/css"/>
    <link rel="stylesheet" href="../css/jquery-ui.css" type="text/css"/>
    <script th:src = "@{/JS/jquery-3.2.1.js}"></script>
    <script th:src = "@{/JS/jquery-ui.js}"></script>
</head>
<body>
    <div th:replace="/common/header.html"></div>
    <div id="Content">
        <div id="BackLink">
            <a href="/catalog/main">Return to Main Menu</a>
        </div>

        <div id="Catalog">Please confirm the information below and then press continue...

            <table id="comfirmOrderTable">
                </br>
                <tr>
                    <th align="center"><b th:text="'订单编号'+${order.orderId}"></b></th>
                </tr>
                <tr>
                    <th align="center" colspan="2"><font size="4"><b>Order</b></font>
                        <font size="3"><b th:text="${order.orderDate}">
                        </b></font>
                    </th>
                </tr>

                <tr>
                    <th colspan="2">确认信息</th>
                </tr>
                <tr>
                    <td>First name:</td>
                    <td th:text="${order.billToFirstName}"></td>
                </tr>
                <tr>
                    <td>Last name:</td>
                    <td th:text="${order.billToLastName}"></td>
                </tr>
                <tr>
                    <td>Phone:</td>
                    <td th:text="${order.phone}"></td>
                </tr>
                <tr>
                    <td>Address 1:</td>
                    <td th:text="${order.billAddress1}"></td>
                </tr>
                <tr>
                    <td>Address 2:</td>
                    <td th:text="${order.billAddress2}"></td>
                </tr>
                <tr>
                    <td>Phone:</td>
                    <td th:text="${order.phone}"></td>
                </tr>
                <tr>
                    <td>City:</td>
                    <td th:text="${order.billCity}"></td>
                </tr>
                <tr>
                    <td>State:</td>
                    <td th:text="${order.billState}"></td>
                </tr>
                <tr>
                    <td>Zip:</td>
                    <td th:text="${order.billZip}"></td>
                </tr>
                <tr>
                    <td>Country:</td>
                    <td th:text="${order.billCountry}"></td>
                </tr>
            </table>
            <br>
            <a class="Button" href="viewOrder" id="comfirmBut">Confirm</a>
        </div>
    </div>
    <div th:replace="/common/footer.html"></div>
</body>
</html>